<template>
  <div>
    <h2>{{msg}}</h2>
    <h3>学校名称：{{name}}</h3>
    <h3>学校地址：{{address}}</h3>
    <h3>学校年龄：{{age}}</h3>
    <button @click="sentSchoolName">向App.vue发送学校信息</button>
  </div>
</template>

<script>
export default {
  name: 'School',
  data() {
    return {
      msg: '我是一所大学',
      name: 'DLUT',
      address: '大连',
      age: 70,
      x: 999
    }
  },
  methods: {
    sentSchoolName() {
      // 点击button，就会触发Student组件实例上的 custom事件
      // 从第二个形参开始，依次写需要传走的参数
      this.$emit('custom', this.name, this.address, this.age)
    }
  }
}
</script>

<style lang="less">
h3 {
  background-color: pink;
}
</style>